export default function Page() {
  return (
    <main>
      <h1 className="text-4xl">文件夹路径与前端路由的约定</h1>
      <ol style={{listStyle: 'decimal outside'}}>
        <li>文件夹路径与前端路由的关系</li>
        <li>
          文件夹名称的约定：
          <p><q>app</q>文件夹</p>
          <p>private folders：<q>_xxxx</q>（%5F）</p>
          <p>route groups: <q>(xx)</q></p>
          <p>parellar routes (slot): <q>@xx</q></p>
          <p>dynamic route: <q>[xx]</q> (with static params)</p>
          <p>catch-all segments: <q>[...xxx]</q></p>
          <p>optional catch-all segments: <q>[[...xxx]</q>]</p>
          <p className="text-red-500">intercepting router: <q>(.)</q>, <q>(..)</q>, <q>(..)(..)</q>,<q>(...)</q></p>
        </li>
        <li>常规文件夹名称</li>
        <li>nextjs.org</li>
        <a target="_blank"
          href="https://nextjs.org/docs/app/building-your-application/routing/defining-routes"
        ><p>routes</p></a>
        <a target="_blank"
          href="https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes">
          <p>NextJS dynamic routes</p>
        </a>
        <a target="_blank"
          href="https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes">
          <p>Intercepting routes</p>
        </a>
      </ol>
    </main>
  )
}
